import React from 'react';
/* 作为所有容器的最顶层 */
import { Provider } from 'react-redux';
import reduxStore from '../../store/reduxStore';
import ReduxChil from '../reduxLearn/ReduxChil';
import ReduxDispatch from '../reduxLearn/ReduxDispatch';

console.group('+++ reduxStore +++');
// console.log('', reduxStore, reduxStore.getState() );
console.groupEnd();
export default function FirstRedux() {
  return (
    /* Provider 使子组件能够访问到 redux store 仓库中的数据 */
    <Provider store={reduxStore}>
      <ReduxChil />
      <ReduxDispatch />
    </Provider>

    // <Provider value={reduxStore}>
    //   <pre>
    //     reduxStore 名称: { reduxStore.getState().nameSpace }
    //     count: { reduxStore.getState().count }
    //   </pre>
    //   <Button type="primary" danger
    //     onClick={() => {
    //       dispatch({
    //         type: 'INCREASE'
    //       })
    //     }}
    //   >修改 reduxStore 中的值</Button>
    // </Provider>
  );
}
